<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>下单</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/until.css">
    <link rel="stylesheet" href="../css/orderCommit.css">
</head>

<body>
<div class="wrapper">
    <div class="content">
        <div class="pb-4rem">
            <!--收货信息-->
            <div class="receiving">
                <!--<img class="rec-img" src="../images/address01.png">-->
                <div class="address-info">
                    <p class="p1">
                        <span class="text">收货人：</span>
                        <span class="name">艾安琪</span>
                        <span class="phone">17222233333</span>
                    </p>
                    <p class="p2">
                        <span class="text">收货地址：</span>
                        <span class="address">上海市浦东新区福山路街道东方路118弄世外桃</span>
                    </p>
                </div>

            </div>
            <!--商品信息-->
            <ul class="goods">
                <li class="good-item">
                    <div class="good-img"><img src="../images/prcoduct.png"></div>
                    <div class="good-info">
                        <div class="text">
                            <p class="name">麦卡伦1824大师系列晖钻</p>
                            <p class="desc">单一麦芽威士忌</p>
                            <span class="sku">sku</span>
                        </div>
                        <div class="good-price">
                            <span class="price">￥12,800</span>
                            <span class="count">x1</span>
                        </div>
                    </div>
                </li>
            </ul>
            <!--合计-->
            <div class="total border-bottom-1px">
                <i>共<span>4</span>件商品</i>
                <i>合计：￥<span>64,599</span></i>
                <i>优惠价：<span class="discounts">￥<span class="discounts">64,599</span></span></i>
            </div>
            <section class="remark border-bottom-1px">
                备注：<span class="desc">酒瓶刻字“Chris Wang”</span>
            </section>
            <section class="invoice has-remark border-bottom-1px">
                <div class="header border-bottom-1px">是否需要发票
                    <input type="radio" name="invoice" class="input-none"/>
                    <i class="is-check"></i>
                </div>
                <ul class="info">
                    <li>发票抬头：<span>上海新信网络科技有限公司</span></li>
                    <li>公司税务号：<span>7792379424234</span></li>
                    <li>银行账号：<span>6103243254455345</span></li>
                    <li>公司联系方式：<span>021-3453636</span></li>
                    <i class="edit">修改</i>
                </ul>
            </section>
            <section class="pay-type">
                付款方式
                <i class="hock-next"><span class="next"></span></i>
            </section>
        </div>
    </div>
    <div class="btn-sub">提交订单</div>
    <div class="payway hide">
        <ul class="items">
            <li class="item border-bottom-1px">微信支付<i class="hock-next"><span class="next"></span></i></li>
            <li class="item border-bottom-1px">支付宝支付<i class="hock-next"><span class="next"></span></i></li>
            <li class="item border-bottom-1px">现金支付<i class="hock-next"><span class="next"></span></i></li>
            <li class="item border-bottom-1px">信用卡支付<i class="hock-next"><span class="next"></span></i></li>
            <li class="item">银行卡转账<i class="hock-next"><span class="next"></span></i></li>
        </ul>
        <div class="btn-sub commit">确定</div>
    </div>
</div>
</body>

</html>